<template>
  <div class="test-counter">
    <h3>测试计数器</h3>
    <p>计数: {{ store.count }}</p>
    <p>双倍: {{ store.doubleCount }}</p>
    <button @click="store.increment">点击 +1</button>
  </div>
</template>

<script setup>
import { useCounterStore } from '../stores/simple-counter.js'

const store = useCounterStore()
</script>

<style scoped>
.test-counter {
  border: 1px solid #ddd;
  padding: 20px;
  margin: 20px;
  border-radius: 8px;
}

button {
  background: #42b983;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}
</style>
